<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <script>
        $(function(){
            var arr = ["red","blue","pink"];
            var sum = 0 ; 
            // $("div").css("color","red");
            //针对同一类元素不同操作，需要用到遍历元素（类似于for，但是比for强大）
            //1. each()方法遍历元素
            //语法规范$("div").each(function(index,domEle){xxx;}) domEle 是每个DOm元素对象
            $("div").each(function(index,domEle){
                $(domEle).css("color",arr[index]);
                sum += parseInt($(domEle).text());
                
            });
            console.log(sum);

            //$.each() 方法遍历任何对象  主要用于遍历数据，处理数据
            // $.each(object,function(index,element){   })
            $.each($("div"),function(index,element){  

             })
             //遍历数组
             $.each(arr,function(index,element){
                 console.log(index);
                 console.log(element);
             })
        })
    </script>
</body>
</html>